<title xmlns="http://www.w3.org/1999/html">添加产品</title>
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<link rel="stylesheet" href="../assets/css/bootstrap-tagsinput.css"/>
<div class="row">
  <div class="col-xs-12">
    <div class="widget-box">
      <div class="widget-header widget-header-blue widget-header-flat">
        <h4 class="widget-title lighter">添加产品</h4>
      </div>

      <div class="widget-body">
        <div class="widget-main">
          <!-- #section:plugins/fuelux.wizard -->
          <div id="fuelux-wizard-container">
            <div>
              <!-- #section:plugins/fuelux.wizard.steps -->
              <ul class="steps">
                <li data-step="1" class="active">
                  <span class="step">1</span>
                  <span class="title">添加基本信息</span>
                </li>

                <li data-step="2">
                  <span class="step">2</span>
                  <span class="title">价格导入</span>
                </li>

                <li data-step="3">
                  <span class="step">3</span>
                  <span class="title">费用说明</span>
                </li>

                <li data-step="4">
                  <span class="step">4</span>
                  <span class="title">线路特色</span>
                </li>

                <li data-step="5">
                  <span class="step">5</span>
                  <span class="title">参考交通</span>
                </li>

                <li data-step="6">
                  <span class="step">6</span>
                  <span class="title">参考行程</span>
                </li>

                <li data-step="7">
                  <span class="step">7</span>
                  <span class="title">温馨提示</span>
                </li>

                <li data-step="8">
                  <span class="step">8</span>
                  <span class="title">用户须知</span>
                </li>
                <li data-step="9">
                  <span class="step">9</span>
                  <span class="title">图片上传</span>
                </li>
              </ul>
              <!-- /section:plugins/fuelux.wizard.steps -->
            </div>
            <hr/>

            <!-- #section:plugins/fuelux.wizard.container -->
            <div class="step-content pos-rel">
              <div class="step-pane clearfix active" data-step="1">
                <div class="col-sm-3">
                  <form class="form-horizontal" role="form">
                    <div class="form-group">
                      <div class="col-sm-12 no-padding">
                        <div class="uploader-container">
                          <!--头部，相册选择和格式选择-->
                          <div class="uploader">
                            <div class="queueList center center-block">
                              <div class="placeholder dndArea">
                                <img class="mainImg" src=" " alt="" data-id="">
                              </div>
                              <div class="webuploader-pick" id="webuploader-pick">点击选择主图</div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <div class="col-sm-8">
                  <form class="form-horizontal" method="get">
                    <div class="clearfix">
                      <div class="col-sm-12">
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productName">产品名称</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productName" id="productName" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productName">酒店服务</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productTitle" id="productTitle" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productName">景点接机</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productTitle1" id="productTitle1" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>


                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productName">副标题</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productName" id="productSubTitle" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productPrice">起步价格</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="number" name="productPrice" id="productPrice" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="destinationId">目的地</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-3" id="areaId" multiple>
                              </select>
                              <select class="col-xs-3" id="destinationId" multiple>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>


                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="destinationId">产品类型</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="productType">
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productSelfVipFlag">自组专享产品</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="productSelfVipFlag">
                                <option value="0">否</option>
                                <option value="1">是</option>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productCode">产品编号</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productCode" id="productCode" class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="hr"></div>
                    <div class="clearfix">
                      <div class="col-sm-12">
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productFeatureSpot">特色景点</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <textarea class="col-xs-12 col-sm-12" id="productFeatureSpot"></textarea>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label  col-sm-2 no-padding-right"
                                 for="productRoutePackageBlack">行程</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" id="productRoutePackageBlack" value="" data-role="tagsinput"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>


                        <div class="form-group">
                          <label class="control-label  col-sm-2 no-padding-right"
                                 for="productRoutePackageRed">套餐</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" id="productRoutePackageRed" value="" data-role="tagsinput"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>


                        <div class="form-group">
                          <label class="control-label  col-sm-2 no-padding-right"
                                 for="productFeature">产品特色</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productFeature" id="productFeature" placeholder="多个标签使用+分割，如：及时确认+无自费"
                                     class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productServicePromise">服务承诺</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" name="productServicePromise" id="productServicePromise" placeholder="多个标签使用+分割，如：及时确认+无自费"
                                     class="col-xs-12 col-sm-12"/>
                            </div>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right"
                                 for="productFeatureSpot">精彩行程</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <textarea class=" col-xs-12 col-sm-12" id="productRoute"></textarea>
                            </div>
                          </div>
                        </div>
                        <div class="space-2"></div>

                        <div class="form-group" id="productTypeRef">
                          <label class="control-label col-sm-2 no-padding-right">产品推荐</label>
                          <div class="col-sm-9">
                            <div class="checkbox col-sm-3">
                              <label>
                                <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="1">
                                <span class="lbl">热门</span>
                              </label>
                            </div>
                            <div class="checkbox col-sm-3">
                              <label>
                                <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="2">
                                <span class="lbl">推荐</span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="hotSort">热门排序</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="hotSort">
                                <option value="100">不排序</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                              </select>
                            </div>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="recommendSort">推荐排序</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="recommendSort">
                                <option value="100">不排序</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                              </select>
                            </div>
                          </div>
                        </div>



                        <div class="form-group" id="productActivity">
                          <label class="control-label col-sm-2 no-padding-right">产品活动</label>
                          <div id="productActivityDiv" class="col-sm-9">
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>


              </div>
              <div class="step-pane clearfix" data-step="2">
                <div class="clearfix">
                  <div class="col-sm-12">
                    <div class="form-group">
                      <div class="col-xs-12">
                        <div class="clearfix">
                          <div class="col-sm-8">
                            <input type="file" class="input-file" id="price-input-file"/>
                          </div>
                          <div class="col-sm-4">
                            <span class="btn btn-success btn-sm" id="priceImport">上传</span>
                          </div>
                        </div>
                        <div class="hr hr-double hr-dotted hr12"></div>
                        <div class="priceTable">
                          <table id="priceTable" class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                              <th class="hidden-480">出团日期
                              </th>
                              <th class="hidden-480">结束日期
                              </th>
                              <th class="hidden-480" style="width: 120px">成人价</th>
                              <th class="hidden-480" style="width: 120px">儿童价</th>
                              <th class="hidden-480" style="width: 120px">余量</th>
                              <th class="hidden-480" style="width: 120px">说明</th>
                              <th class="hidden-480" style="width: 160px">操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="step-pane clearfix CostDescribe" data-step="3">
                <div class="col-sm-6">
                  <div class="col-sm-1"></div>
                  <div class="col-sm-9">
                    <h3 class="lighter block-center green">费用包含</h3>
                  </div>

                  <form class="form-horizontal" id="IsContain" method="get">
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【交通】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="交通" describeIsContain="1" >空调旅游车，保证一人一个正座
                          </textarea>
                        </div>
                        <div class=""></div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【住宿】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="住宿" describeIsContain="1">含1晚上住宿</textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【用餐】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="用餐" describeIsContain="1">含3个正餐，1个早餐，正餐十人围桌，八菜一汤，早餐五点一粥
                          </textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【门票】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="门票" describeIsContain="1">精华景点：亚龙湾、天涯海角、南山寺
                          </textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【保险】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="保险" describeIsContain="1">含旅行社责任保险，保额10万人民币/人
                          </textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【导游服务】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="导游服务" describeIsContain="1">持证专业优秀导游讲解服务
                          </textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【其他】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea  class="col-sm-12"   data-title="其他" describeIsContain="1">退款说明：出发前7日~2日退款，扣除30%费用；出发前1日内和当天退款，扣除100%费用，订单一律不退款，可协商改签。本产品为跟团游，请按照导游安排跟车旅游，不能自行前往景区，如因客人要自行前往景区等原因造成的退款，按照退款说明来操作，谢谢。请客人确认需求后购买，谢谢。
                          </textarea>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                  </form>
                </div>
                <div class="col-sm-6">
                  <div class="col-sm-1"></div>
                  <div class="col-sm-9">
                    <h3 class="lighter block-center green">费用不含</h3>
                  </div>

                  <form class="form-horizontal" id="NotContain" method="get">
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【不可抗力】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="不可抗力" describeIsContain="0">空调旅游车，保证一人一个正座
                          </textarea>
                        </div>
                        <div class=""></div>
                      </div>
                    </div>

                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right">【个人消费】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <textarea class="col-sm-12"   data-title="个人消费" describeIsContain="0">1、酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费
2、购物等个人消费以及因个人疏忽、违章或违法引起的经济损失或赔偿费用
3、当地参考的自费项目以及“费用包含”中不包含的其它项目
                          </textarea>
                        </div>
                        <div class=""></div>
                      </div>
                    </div>
                  </form>
                </div>
                <div class="col-xs-12">
                  <div class="form-actions center">
                    <button class="btn btn-success" id="addFinerCost">
                      <i class="ace-icon glyphicon glyphicon-plus"></i>
                      添加细项
                    </button>
                  </div>
                </div>
              </div>
              <div class="step-pane clearfix lineFeature" data-step="4">
                <div class="col-sm-12">
                  <form class="form-horizontal" method="get">
                    <div class="form-group">
                      <div class="col-xs-12 col-sm-12">
                        <div class="clearfix">
                          <textarea class="col-sm-12" data-content-id="1" data-title="产品特色" contenteditable="true" rows="10"
                                    featureSort="1">经典海南环岛游线路设计。
                          </textarea>
                        </div>
                        <div class=""></div>
                      </div>
                    </div>
                  </form>
                </div>
                <div class="col-sm-6">
                  <div class="col-sm-1"></div>
                  <div class="col-sm-9">
                  </div>
                </div>
              </div>
              <div class="step-pane clearfix" data-step="5">
                <div class="col-sm-6">
                  <div class="col-sm-1"></div>
                  <div class="col-sm-9">
                    <h3 class="lighter block-center green">去程</h3>
                  </div>

                  <form class="form-horizontal" method="get">
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startStation1">【起始站】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startStation1" id="startStation1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endStation1">【终点站】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endStation1" id="endStation1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startDay1">【起始天】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startDay1" id="startDay1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endDay1">【终点天】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endDay1" id="endDay1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startTime1">【起始时间点】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startTime1" id="startTime1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endTime1">【终点时间点】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endTime1" id="endTime1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                             for="trafficSumTime1">【行程总时间说明】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="trafficSumTime1" id="trafficSumTime1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                             for="trafficDetail1">【交通说明】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="trafficDetail1" id="trafficDetail1" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                  </form>
                </div>
                <div class="col-sm-6">
                  <div class="col-sm-1"></div>
                  <div class="col-sm-9">
                    <h3 class="lighter block-center green">回程</h3>
                  </div>

                  <form class="form-horizontal" method="get">
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startStation2">起始站</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startStation2" id="startStation2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endStation2">终点站</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endStation2" id="endStation2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startDay2">起始天</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startDay2" id="startDay2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endDay2">终点天</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endDay2" id="endDay2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startTime2">起始时间点</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="startTime2" id="startTime2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group hide">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endTime2">终点时间点</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="endTime2" id="endTime2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                             for="trafficSumTime2">【行程总时间说明】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="productName" id="trafficSumTime2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                    <div class="form-group">
                      <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                             for="trafficDetail2">【交通说明】</label>
                      <div class="col-xs-12 col-sm-9">
                        <div class="clearfix">
                          <input type="text" name="productName" id="trafficDetail2" class="col-xs-12 col-sm-6"/>
                        </div>
                      </div>
                    </div>
                    <div class="space-2"></div>
                  </form>
                </div>
              </div>
              <div class="step-pane clearfix Trip" data-step="6">
                <div class="center"><h3 class="green">参考行程</h3></div>
                <div class="days">
                  <div class="day" data-day="1">
                    <div class="timeline-container">
                      <div class="timeline-label">
                                            <span class="label label-primary arrowed-in-right label-lg">第<b
                                              class="d">1</b>天</span>
                      </div>
                      <div class="timeline-items">
                        <div class="timeline-item clearfix">
                          <div class="timeline-info">
                            <i class="timeline-indicator ace-icon fa fa-cutlery btn btn-success no-hover"></i>
                          </div>
                          <div class="widget-box transparent">
                            <div class="widget-header widget-header-small">
                              <h5 class="widget-title smaller">
                                <span class="blue">行程/甄选美食/酒店</span>
                              </h5>
                            </div>
                            <div class="widget-body">
                              <div class="widget-main clearfix">
                                <form class="form-horizontal" role="form">
                                  <div class="clearfix">
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">出发地点</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="11"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">终点</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="12"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="clearfix">
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">早餐</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="13"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">午餐</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="14"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">晚餐</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="15"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                  </div>


                                  <div class="clearfix">
                                    <div class="col-sm-3">
                                      <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">酒店类型</label>
                                        <div class="col-sm-9">
                                          <input type="text" data="17"
                                                 class="col-sm-10">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </form>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="timeline-item clearfix">
                          <div class="timeline-info">
                            <i class="timeline-indicator ace-icon fa fa-star btn btn-warning no-hover green"></i>
                          </div>
                          <!-- /section:pages/timeline.info -->
                          <div class="widget-box transparent">
                            <div class="widget-header widget-header-small">
                              <h5 class="widget-title smaller">
                                <span class="blue">旅游景点/行程介绍</span>
                              </h5>
                            </div>
                            <div class="widget-body">
                              <div class="widget-main clearfix">
                                <form class="form-horizontal" role="form">
                                  <div class="col-sm-12">
                                    <div class="form-group">
                                      <div class="clearfix">
                                        <label class="col-sm-1 control-label no-padding-right">旅游景点</label>
                                        <div class="col-sm-9">
                                          <textarea class="col-sm-12" data="31"></textarea>
                                        </div>
                                      </div>
                                      <div class="space-8"></div>
                                      <div class="clearfix">
                                        <label class="col-sm-1 control-label no-padding-right">行程介绍</label>
                                        <div class="col-sm-9">
                                          <textarea class="col-sm-12" data="32" ></textarea>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </form>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="center">
                  <span class="btn btn-primary btn-white" id="addOneDay"> <icon
                    class="ace-icon glyphicon glyphicon-plus"></icon>增加一天</span>
                  <span class="btn btn-primary btn-white" id="subtractTastDay"> <icon
                    class="ace-icon glyphicon glyphicon-minus"></icon>减去最后一天</span>
                </div>
              </div>


              <div class="step-pane clearfix Prompt" data-step="7">
                <div class="center"><h3 class="green">温馨提示</h3></div>
                <textarea class="col-xs-12 col-sm-12" rows="10" id="productPrompt"></textarea>
              </div>

              <div class="step-pane clearfix Instructions" data-step="8">
                <div class="center"><h3 class="green">用户须知</h3></div>
                <textarea class="col-xs-12 col-sm-12" rows="10" id="UserInstructions"></textarea>
              </div>

              <div class="step-pane clearfix productImgs" id="productImgs" data-step="9">
                <div class="uploader-container">
                  <!--头部，相册选择和格式选择-->
                  <div class="uploader">
                    <div class="queueList center center-block clearfix">
                      <div class="webuploader-pick" id="webuploader-pick-focus">点击选择产品焦点图</div>
                      <div class="hr"></div>
                      <ul class="imgslist imgslist-focus">

                      </ul>
                    </div>
                  </div>
                </div>
                <div class="uploader-container">
                  <!--头部，相册选择和格式选择-->
                  <div class="uploader">
                    <div class="queueList center center-block clearfix">
                      <div class="webuploader-pick" id="webuploader-pick-line">点击选择产品线路图</div>
                      <div class="hr"></div>
                      <ul class="imgslist imgslist-line">

                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- /section:plugins/fuelux.wizard.container -->
          </div>

          <hr/>
          <div class="wizard-actions center-block center">
            <!-- #section:plugins/fuelux.wizard.buttons -->
            <button class="btn btn-prev">
              <i class="ace-icon fa fa-arrow-left"></i>
              上一步
            </button>

            <button class="btn btn-success btn-next" data-last="Finish">
              下一步
              <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
            </button>

            <!-- /section:plugins/fuelux.wizard.buttons -->
          </div>

          <!-- /section:plugins/fuelux.wizard -->
        </div><!-- /.widget-main -->
      </div><!-- /.widget-body -->
    </div>
    <!-- PAGE CONTENT ENDS -->
  </div><!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<style>
  .editCost {
    min-height: 36px;
    border: 1px solid #00a0e9;
    padding: 10px;
  }
  .priceTable tbody input{
    width: 100px;
  }
</style>

<script src="../public/javascripts/scripts/product/add.js">
